<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<script>
    
    // array.at() 方法
    // 简单来说，array.at(index)访问index参数处的元素。
    // 如果index参数是一个正整数>= 0，该方法返回该索引处的项目。
    const fruits = ['orange', 'apple', 'banana', 'grape'];

    const item = fruits.at(1);
    item; // => 'apple'
    // 复制代码
    // 如果index参数大于或等于数组长度，则与常规访问器一样，该方法返回undefined：
    const fruits = ['orange', 'apple', 'banana', 'grape'];

    const item = fruits.at(999);
    item; // => undefined
    // 复制代码
    // 真正神奇的是，当你对array.at()方法使用负下标时，将从数组的末尾访问元素。

    const lastItem = fruits.at(-1);
    lastItem; // => 'grape'
    // 复制代码
    // 下面是更详细的array.at()方法示例：
    const vegetables = ['potatoe', 'tomatoe', 'onion'];

    vegetables.at(0); // => 'potatoe'
    vegetables.at(1); // => 'tomatoe'
    vegetables.at(2); // => 'onion'
    vegetables.at(3); // => undefined

    vegetables.at(-1); // => 'onion'
    vegetables.at(-2); // => 'tomatoe'
    vegetables.at(-3); // => 'potatoe'
    vegetables.at(-4); // => undefined


</script>